<template>
<div part_1>
  <div part_2>
<el-form ref="form" :model="form" label-width="80px">
  <el-form-item label="角色名称：">
    <el-input v-model="form.name"></el-input>
  </el-form-item>
</el-form>
  </div>
  <div part_3>
     <el-button type="primary" icon="el-icon-search">查询</el-button>
     <el-button type="primary" icon="el-icon-refresh-left">重置</el-button>
  </div>
  <div part_4>
    <el-button type="primary" icon="el-icon-plus">添加人员</el-button>
  </div>
  <p>
  </p>
  <div part_5> 
    <el-table
    :data="tableData"
    border
    >
    <el-table-column
      prop="date"
      label="ID">
    </el-table-column>
    <el-table-column
      prop="name"
      label="用户名">
    </el-table-column>
    <el-table-column
      prop="yhnc"
      label="用户昵称"
    >
    </el-table-column>
    <el-table-column
      prop="lxdh"
      label="联系电话">
    </el-table-column>
    <el-table-column
      prop="bm"
      label="部门">
    </el-table-column>
    <el-table-column
      prop="gw"
      label="岗位">
    </el-table-column>
    <el-table-column
      prop="cjsj"
      label="创建时间">
    </el-table-column>
    <el-table-column
      prop="je"
      label="Action">
      <template slot-scope="scope">
        <el-button @click="handleClick(scope.row)" type="text" size="small">设置组织</el-button>
        <el-button type="text" size="small">设置角色</el-button>
        <el-button type="text" size="small">重置密码</el-button>
        <el-button type="text" size="small">删除</el-button>
      </template>
    </el-table-column>
  </el-table>
  </div>
<div part_6>
   <el-pagination
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
      :current-page="currentPage4"
      :page-sizes="[1, 2, 3, 4]"
      :page-size="4"
      layout="total, sizes, prev, pager, next, jumper"
      :total="11">
    </el-pagination>
</div>
</div>

</template>
<script>
  export default {
    data() {
      return {
         radio: '1', 
         activeName: 'second',
        tableData: [{
          date: '201803596',
          name: '无',
          yhnc: '没奶的奶牛',
          lxdh:'133513486',
          bm:'宣传',
          gw:'保镖',
          cjsj:'2021-5-5' ,
          je:'asdf'

        
        }],
         form: {
          name: '',
          region: '',
          date1: '',
          date2: '',
          delivery: false,
          type: [],
          resource: '',
          desc: ''
        }
      }
    },
       methods: {
      handleClick() {
        alert('button click');
      },
       handleClick(tab, event) {
        console.log(tab, event);
      }
    }
  }
</script>
<style scoped>

</style>




